<template>
 <div class="">
   <button @click="getStudents">获取学生信息</button>
   <button @click="getCars">获取汽车信息</button>
 </div>
</template>

<script>
import axios from 'axios'

export default {
  name: "App",
  methods: {
    // CORS Access-Control-Allow-Origin 协议 主机 端口
    getStudents() {
      // axios.get('http://localhost:8080/students').then(
      // axios.get('http://localhost:8080/test.txt').then(
      axios.get('http://localhost:8080/api/students').then(
        response => {
          console.log('请求成功了', response.data)
        },
        error => {
          console.log('请求失败了', error.message)
        }
      )
    },
    getCars() {
      // axios.get('http://localhost:8080/students').then(
      // axios.get('http://localhost:8080/test.txt').then(
      axios.get('http://localhost:8080/foo/cars').then(
        response => {
          console.log('请求成功了', response.data)
        },
        error => {
          console.log('请求失败了', error.message)
        }
      )
    }
  }
}
</script>
